﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" href="style/demo.css">
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="layui/layui.js"></script>
</head>

<body>
    <div class="ui-top">
        <div class="layui-container p0">
            <div class="row">
                <div class="layui-col-md12">

                </div>
            </div>
        </div>
    </div>

    <div class="ui-nav layui-hide-xs">
        <div class="layui-container p0">
            <div class="row">
                <div class="layui-col-md12">
                    <ul class="layui-nav" lay-filter="">
                        <li class="layui-nav-item layui-this">
                            <a href="index.html">首页</a>
                        </li>
                        <li class="layui-nav-item">
                            <a href="list.html">技术分享</a>
                        </li>
                        <li class="layui-nav-item">
                            <a href="clist.html">技术讨论</a>
                        </li>
                        <li class="layui-nav-item">
                            <a href="about.html">关于</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="layui-container p0 mt10">
        <div class="layui-row layui-col-space10">
            <div class="layui-col-md8">
                <div class="layui-carousel bcolor" id="test1">
                    <div carousel-item>
                        <div>
                            <a href="javascript:void(0)">
                                <img src="img/banner.png" alt="">
                            </a>
                        </div>
                        <div>
                            <a href="javascript:void(0)">
                                <img src="img/banner.png" alt="">
                            </a>>
                        </div>
                        <div>
                            <a href="javascript:void(0)">
                                <img src="img/banner.png" alt="">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-md4 layui-hide-xs">
                <div class="layui-tab layui-tab-brief bcolor mt0 mb0">
                    <ul class="layui-tab-title">
                        <li class="layui-this">网站设置</li>
                        <li>用户管理</li>
                    </ul>
                    <div class="layui-tab-content pb0">
                        <div class="layui-tab-item layui-show listp">
                            <a href="javascript:void(0)" class="hot ahover">
                                <p>
                                    移动设备、平板、桌面端的不同表现
                                    <span>2017-08-20</span>
                                </p>
                            </a>
                            <a href="javascript:void(0)" class="ahover">
                                <p>
                                    移动设备、平板、桌面端的不同表现
                                    <span>2017-08-20</span>
                                </p>
                            </a>
                            <a href="javascript:void(0)" class="ahover">
                                <p>
                                    移动设备、平板、桌面端的不同表现
                                    <span>2017-08-20</span>
                                </p>
                            </a>
                            <a href="javascript:void(0)" class="ahover">
                                <p>
                                    移动设备、平板、桌面端的不同表现
                                    <span>2017-08-20</span>
                                </p>
                            </a>
                            <a href="javascript:void(0)" class="ahover">
                                <p>
                                    移动设备、平板、桌面端的不同表现
                                    <span>2017-08-20</span>
                                </p>
                            </a>
                            <a href="javascript:void(0)" class="ahover">
                                <p>
                                    移动设备、平板、桌面端的不同表现
                                    <span>2017-08-20</span>
                                </p>
                            </a>
                        </div>
                        <div class="layui-tab-item listp">内容2</div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="layui-container p0 mt10">
        <div class="row">
            <div class="layui-col-md12 p0 bcolor">
                <a href="javascript:void(0)">
                    <div class="top-new">
                        <div class="new-title">
                            <h3>【最新公告】</h3>
                            <span class="ahover">公告小标题</span>
                        </div>
                        <div class="new-content">
                            小嘛小二郎背着那书包上学堂不怕太阳晒也不怕那风雨狂只怕先生骂我懒啊没有学问无颜见爹娘没有学问 无颜见爹娘 小嘛小二郎背着那书包上学堂不是为做官也不是为面子广只为穷人要翻身啊不受人欺负不做牛和羊不受人欺负 不做牛和羊小嘛小二郎背着那书包上学堂小二郎嘛小二郎小二郎嘛小二郎
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>

    <div class="layui-container p0 mt15">
        <div class="layui-row layui-col-space10">
            <div class="layui-col-md8">
                <div class="article-list">
                    <div class="row p20p10 bcolor oa">
                        <div class="layui-col-md3">
                            <a href="javascript:void(0)">
                                <img src="img/banner.png" alt="" style="width:100%;">
                            </a>
                        </div>
                        <div class="layui-col-md9">
                            <div class="new-panle">
                                <a href="javascript:void(0)">
                                    <div class="panle-title ahover">文章标题</div>
                                </a>
                                <div class="panle-lable">
                                    <a href="javascript:void(0)">
                                        <span class="layui-badge layui-bg-blue">Asp.Net</span>
                                    </a>
                                    <a href="javascript:void(0)">
                                        <span class="layui-badge layui-bg-blue">SqlServer</span>
                                    </a>
                                    <a href="javascript:void(0)">
                                        <span class="layui-badge layui-bg-blue">Visual Studio</span>
                                    </a>
                                </div>
                                <div class="panle-info">
                                    <span>
                                        <i class="layui-icon">&#xe637;</i>2017-11-11
                                    </span>
                                    <span>
                                        <i class="layui-icon">&#xe612;</i>TintCloud
                                    </span>
                                    <span>
                                        <i class="layui-icon">&#xe60c;</i>250
                                    </span>
                                    <span>
                                        <i class="layui-icon">&#xe615;</i>250
                                    </span>
                                </div>
                                <div class="panle-content">
                                    小嘛小二郎背着那书包上学堂不怕太阳晒也不怕那风雨狂只怕先生骂我懒啊没有学问无颜见爹娘没有学问 无颜见爹娘 小嘛小二郎背着那书包上学堂不是为做官也不是为面子广只为穷人要翻身啊不受人欺负不做牛和羊不受人欺负 不做牛和羊小嘛小二郎背着那书包上学堂小二郎嘛小二郎小二郎嘛小二郎
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row p20p10 bcolor oa">
                        <div class="layui-col-md3">
                            <a href="javascript:void(0)">
                                <img src="img/banner.png" alt="" style="width:100%;">
                            </a>
                        </div>
                        <div class="layui-col-md9">
                            <div class="new-panle">
                                <a href="javascript:void(0)">
                                    <div class="panle-title ahover">文章标题</div>
                                </a>
                                <div class="panle-lable">
                                    <a href="javascript:void(0)">
                                        <span class="layui-badge layui-bg-blue">Asp.Net</span>
                                    </a>
                                    <a href="javascript:void(0)">
                                        <span class="layui-badge layui-bg-blue">SqlServer</span>
                                    </a>
                                    <a href="javascript:void(0)">
                                        <span class="layui-badge layui-bg-blue">Visual Studio</span>
                                    </a>
                                </div>
                                <div class="panle-info">
                                    <span>
                                        <i class="layui-icon">&#xe637;</i>2017-11-11
                                    </span>
                                    <span>
                                        <i class="layui-icon">&#xe612;</i>TintCloud
                                    </span>
                                    <span>
                                        <i class="layui-icon">&#xe60c;</i>250
                                    </span>
                                    <span>
                                        <i class="layui-icon">&#xe615;</i>250
                                    </span>
                                </div>
                                <div class="panle-content">
                                    小嘛小二郎背着那书包上学堂不怕太阳晒也不怕那风雨狂只怕先生骂我懒啊没有学问无颜见爹娘没有学问 无颜见爹娘 小嘛小二郎背着那书包上学堂不是为做官也不是为面子广只为穷人要翻身啊不受人欺负不做牛和羊不受人欺负 不做牛和羊小嘛小二郎背着那书包上学堂小二郎嘛小二郎小二郎嘛小二郎
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row p20p10 bcolor oa">
                        <div class="layui-col-md3">
                            <a href="javascript:void(0)">
                                <img src="img/banner.png" alt="" style="width:100%;">
                            </a>
                        </div>
                        <div class="layui-col-md9">
                            <div class="new-panle">
                                <a href="javascript:void(0)">
                                    <div class="panle-title ahover">文章标题</div>
                                </a>
                                <div class="panle-lable">
                                    <a href="javascript:void(0)">
                                        <span class="layui-badge layui-bg-blue">Asp.Net</span>
                                    </a>
                                    <a href="javascript:void(0)">
                                        <span class="layui-badge layui-bg-blue">SqlServer</span>
                                    </a>
                                    <a href="javascript:void(0)">
                                        <span class="layui-badge layui-bg-blue">Visual Studio</span>
                                    </a>
                                </div>
                                <div class="panle-info">
                                    <span>
                                        <i class="layui-icon">&#xe637;</i>2017-11-11
                                    </span>
                                    <span>
                                        <i class="layui-icon">&#xe612;</i>TintCloud
                                    </span>
                                    <span>
                                        <i class="layui-icon">&#xe60c;</i>250
                                    </span>
                                    <span>
                                        <i class="layui-icon">&#xe615;</i>250
                                    </span>
                                </div>
                                <div class="panle-content">
                                    小嘛小二郎背着那书包上学堂不怕太阳晒也不怕那风雨狂只怕先生骂我懒啊没有学问无颜见爹娘没有学问 无颜见爹娘 小嘛小二郎背着那书包上学堂不是为做官也不是为面子广只为穷人要翻身啊不受人欺负不做牛和羊不受人欺负 不做牛和羊小嘛小二郎背着那书包上学堂小二郎嘛小二郎小二郎嘛小二郎
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row p20p10 bcolor oa">
                        <div class="layui-col-md3">
                            <a href="javascript:void(0)">
                                <img src="img/banner.png" alt="" style="width:100%;">
                            </a>
                        </div>
                        <div class="layui-col-md9">
                            <div class="new-panle">
                                <a href="javascript:void(0)">
                                    <div class="panle-title ahover">文章标题</div>
                                </a>
                                <div class="panle-lable">
                                    <a href="javascript:void(0)">
                                        <span class="layui-badge layui-bg-blue">Asp.Net</span>
                                    </a>
                                    <a href="javascript:void(0)">
                                        <span class="layui-badge layui-bg-blue">SqlServer</span>
                                    </a>
                                    <a href="javascript:void(0)">
                                        <span class="layui-badge layui-bg-blue">Visual Studio</span>
                                    </a>
                                </div>
                                <div class="panle-info">
                                    <span>
                                        <i class="layui-icon">&#xe637;</i>2017-11-11
                                    </span>
                                    <span>
                                        <i class="layui-icon">&#xe612;</i>TintCloud
                                    </span>
                                    <span>
                                        <i class="layui-icon">&#xe60c;</i>250
                                    </span>
                                    <span>
                                        <i class="layui-icon">&#xe615;</i>250
                                    </span>
                                </div>
                                <div class="panle-content">
                                    小嘛小二郎背着那书包上学堂不怕太阳晒也不怕那风雨狂只怕先生骂我懒啊没有学问无颜见爹娘没有学问 无颜见爹娘 小嘛小二郎背着那书包上学堂不是为做官也不是为面子广只为穷人要翻身啊不受人欺负不做牛和羊不受人欺负 不做牛和羊小嘛小二郎背着那书包上学堂小二郎嘛小二郎小二郎嘛小二郎
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row p20p10 bcolor oa">
                        <div class="layui-col-md3">
                            <a href="javascript:void(0)">
                                <img src="img/banner.png" alt="" style="width:100%;">
                            </a>
                        </div>
                        <div class="layui-col-md9">
                            <div class="new-panle">
                                <a href="javascript:void(0)">
                                    <div class="panle-title ahover">文章标题</div>
                                </a>
                                <div class="panle-lable">
                                    <a href="javascript:void(0)">
                                        <span class="layui-badge layui-bg-blue">Asp.Net</span>
                                    </a>
                                    <a href="javascript:void(0)">
                                        <span class="layui-badge layui-bg-blue">SqlServer</span>
                                    </a>
                                    <a href="javascript:void(0)">
                                        <span class="layui-badge layui-bg-blue">Visual Studio</span>
                                    </a>
                                </div>
                                <div class="panle-info">
                                    <span>
                                        <i class="layui-icon">&#xe637;</i>2017-11-11
                                    </span>
                                    <span>
                                        <i class="layui-icon">&#xe612;</i>TintCloud
                                    </span>
                                    <span>
                                        <i class="layui-icon">&#xe60c;</i>250
                                    </span>
                                    <span>
                                        <i class="layui-icon">&#xe615;</i>250
                                    </span>
                                </div>
                                <div class="panle-content">
                                    小嘛小二郎背着那书包上学堂不怕太阳晒也不怕那风雨狂只怕先生骂我懒啊没有学问无颜见爹娘没有学问 无颜见爹娘 小嘛小二郎背着那书包上学堂不是为做官也不是为面子广只为穷人要翻身啊不受人欺负不做牛和羊不受人欺负 不做牛和羊小嘛小二郎背着那书包上学堂小二郎嘛小二郎小二郎嘛小二郎
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row p20p10 bcolor oa">
                        <div class="layui-col-md3">
                            <a href="javascript:void(0)">
                                <img src="img/banner.png" alt="" style="width:100%;">
                            </a>
                        </div>
                        <div class="layui-col-md9">
                            <div class="new-panle">
                                <a href="javascript:void(0)">
                                    <div class="panle-title ahover">文章标题</div>
                                </a>
                                <div class="panle-lable">
                                    <a href="javascript:void(0)">
                                        <span class="layui-badge layui-bg-blue">Asp.Net</span>
                                    </a>
                                    <a href="javascript:void(0)">
                                        <span class="layui-badge layui-bg-blue">SqlServer</span>
                                    </a>
                                    <a href="javascript:void(0)">
                                        <span class="layui-badge layui-bg-blue">Visual Studio</span>
                                    </a>
                                </div>
                                <div class="panle-info">
                                    <span>
                                        <i class="layui-icon">&#xe637;</i>2017-11-11
                                    </span>
                                    <span>
                                        <i class="layui-icon">&#xe612;</i>TintCloud
                                    </span>
                                    <span>
                                        <i class="layui-icon">&#xe60c;</i>250
                                    </span>
                                    <span>
                                        <i class="layui-icon">&#xe615;</i>250
                                    </span>
                                </div>
                                <div class="panle-content">
                                    小嘛小二郎背着那书包上学堂不怕太阳晒也不怕那风雨狂只怕先生骂我懒啊没有学问无颜见爹娘没有学问 无颜见爹娘 小嘛小二郎背着那书包上学堂不是为做官也不是为面子广只为穷人要翻身啊不受人欺负不做牛和羊不受人欺负 不做牛和羊小嘛小二郎背着那书包上学堂小二郎嘛小二郎小二郎嘛小二郎
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-md4">
                <div class="row layui-hide-xs">
                    <div class="layui-tab layui-tab-brief bcolor oa m0">
                        <ul class="layui-tab-title">
                            <li class="layui-this">知识分类</li>
                        </ul>
                        <div class="layui-tab-content">
                            <div class="layui-tab-item layui-show lh30">
                                <a href="list.html"><span class="layui-badge layui-bg-blue">ASP.NET</span></a>
                                <a href="list.html"><span class="layui-badge layui-bg-blue">SqlServer</span></a>
                                <a href="list.html"><span class="layui-badge layui-bg-blue">MySql</span></a>
                                <a href="list.html"><span class="layui-badge layui-bg-blue">Jquery</span></a>
                                <a href="list.html"><span class="layui-badge layui-bg-blue">JavaScript</span></a>
                                <a href="list.html"><span class="layui-badge layui-bg-blue">GO</span></a>
                                <a href="list.html"><span class="layui-badge layui-bg-blue">Phaser</span></a>
                                <a href="list.html"><span class="layui-badge layui-bg-blue">NodeJS</span></a>
                                <a href="list.html"><span class="layui-badge layui-bg-blue">VueJS</span></a>
                                <a href="list.html"><span class="layui-badge layui-bg-blue">LayUI</span></a>
                                <a href="clist.html"><span class="layui-badge layui-bg-blue">技术论坛</span></a>
                            </div>
                            <div class="layui-tab-item">
                                内容2
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row layui-hide-xs">
                    <div class="layui-tab layui-tab-brief bcolor oa">
                        <ul class="layui-tab-title">
                            <li class="layui-this">推荐文章</li>
                        </ul>
                        <div class="layui-tab-content pb0">
                            <div class="layui-tab-item layui-show">
                                <div class="row oa pbt10 bt">
                                    <div class="layui-col-md3">
                                        <a href="javascript:void(0)">
                                            <img src="img/banner.png" alt="" style="width:100%;">
                                        </a>
                                    </div>
                                    <div class="layui-col-md9">
                                        <div class="new-panle">
                                            <a href="javascript:void(0)">
                                                <div class="ahover">文章标题</div>
                                            </a>
                                            <div class="panle-info">
                                                <span>
                                                    <i class="layui-icon">&#xe60c;</i>250
                                                </span>
                                                <span>
                                                    <i class="layui-icon">&#xe615;</i>250
                                                </span>
                                            </div>
                                            <div class="panle-content">
                                                小嘛小二郎背着那书包上学堂不怕太阳晒也不怕那风雨狂只怕先生骂我懒啊没有
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row oa pbt10 bt">
                                    <div class="layui-col-md3">
                                        <a href="javascript:void(0)">
                                            <img src="img/banner.png" alt="" style="width:100%;">
                                        </a>
                                    </div>
                                    <div class="layui-col-md9">
                                        <div class="new-panle">
                                            <a href="javascript:void(0)">
                                                <div class="ahover">文章标题</div>
                                            </a>
                                            <div class="panle-info">
                                                <span>
                                                    <i class="layui-icon">&#xe60c;</i>250
                                                </span>
                                                <span>
                                                    <i class="layui-icon">&#xe615;</i>250
                                                </span>
                                            </div>
                                            <div class="panle-content">
                                                小嘛小二郎背着那书包上学堂不怕太阳晒也不怕那风雨狂只怕先生骂我懒啊没有
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row oa pbt10 bt">
                                    <div class="layui-col-md3">
                                        <a href="javascript:void(0)">
                                            <img src="img/banner.png" alt="" style="width:100%;">
                                        </a>
                                    </div>
                                    <div class="layui-col-md9">
                                        <div class="new-panle">
                                            <a href="javascript:void(0)">
                                                <div class="ahover">文章标题</div>
                                            </a>
                                            <div class="panle-info">
                                                <span>
                                                    <i class="layui-icon">&#xe60c;</i>250
                                                </span>
                                                <span>
                                                    <i class="layui-icon">&#xe615;</i>250
                                                </span>
                                            </div>
                                            <div class="panle-content">
                                                小嘛小二郎背着那书包上学堂不怕太阳晒也不怕那风雨狂只怕先生骂我懒啊没有
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-tab-item pb10">
                                内容2
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="layui-col-md12 layui-tab-brief bcolor oa">
                        <div class="layui-col-md12 layui-tab-brief bcolor oa">
                            <ul class="layui-tab-title">
                                <li class="layui-this">站点统计</li>
                            </ul>
                            <div class="layui-tab-content oa">
                                <div class="row pb10">
                                    <div class="layui-col-md6 mb10">今日访问：12520</div>
                                    <div class="layui-col-md6 mb10">昨日访问：12520</div>
                                    <div class="layui-col-md6 mb10">历史访问：12520</div>
                                    <div class="layui-col-md6 mb10">分类总数：12520</div>
                                    <div class="layui-col-md6 mb10">文章总数：12520</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <div class="ui-down mt15"></div>

    <script>
        layui.use(['carousel', 'element', 'laypage'], function () {
            var carousel = layui.carousel;
            var element = layui.element;
            //建造实例
            carousel.render({
                elem: '#test1'
                , width: '100%' //设置容器宽度
                , height: '215px'
                , arrow: 'always' //始终显示箭头
            });
        });
    </script>
</body>

</html>